@charset "utf-8";

body{min-width: 1200px; width: 100%;}
.til01{text-align: center;color: #0088ce;font-size:34px;line-height:42px;font-family: "Microsoft Yahei";font-weight: normal;clear: both;display: block;height:97px;white-space: nowrap;background:url(../images/tilbg1.png) no-repeat center 17px;}
.til01 span{display: block;font-size:22px;color: #555;line-height:26px;}
.til01 em{display: block;font-size:14px;color: #c1c1c1;line-height:16px;letter-spacing: 3px;text-transform: uppercase;font-style: normal;}
.til01 a{color: #0088ce;}
.container {margin: 0 auto;	width: 1400px;}
#clear, .clear {clear: both;overflow: hidden}
.fl, .l, #l {float: left}
.fr, .r, #r {float: right}

/*标题*/
.Index_tit{ text-align:center;}
.Index_tit h3{width:174px;height:36px;font-size: 18px;background:#e83057;color: #fff;line-height: 35px;letter-spacing:1px;margin:0 auto;}
.Index_tit h4{font-size:16px; color:#666666; margin:10px 0 15px 0; letter-spacing:1px;line-height:32px;}
.Index_tit span{ display:block; background:#0C63BB; width:30px; height:3px; margin:0 auto;}
.Index_tit1{ text-align:center;}
.Index_tit1 h3{ font-size:32px; color:#fff; letter-spacing:1px;}
.Index_tit1 h4{ font-size:17px; color:#fff; margin:10px 0 15px 0; letter-spacing:1px; opacity:0.8;}
.Index_tit1 span{ display:block; background:#111111; width:30px; height:3px; margin:0 auto;}

/**/
.yin{padding: 70px 0 50px; background:url(../images/yin_line.gif) repeat-x 0 448px;}
.yin_t{font-size: 40px;color: #333;text-align: center;height: 100px;line-height: 46px;overflow: hidden;}
.yin_t a{color: #333;}
.yin_t i{color: #0c86e0;}
.yin_t span{display: block;font-size: 20px;font-weight: normal;color: #666;padding: 5px 0 0;}
.ibrand-num{overflow:hidden;margin:50px 0 0;}
.ibrand-num li{float:left;width:200px;height:140px;text-align:center;color:#333;font-size:24px;}
.ibrand-num li a{display:block;color:#333;}
.ibrand-num li span{font-size:40px;line-height: 40px;font-family: "DINOT";font-weight: bold;}
.ibrand-num li b{display:block;font-size: 16px;color: #666;font-weight: normal; padding:10px 0 0;}
.ibrand-num li em{width: 72px;height: 40px;display: block;margin: 0 auto;padding: 15px 0 0;}
.ibrand-num li em img{width: 72px;height: 40px;}
.video{width: 662px;height: 120px;z-index: 5000;position: relative;margin: 0 auto;}
.video_btn{width: 662px;height: 120px;cursor: pointer;}
#open_window {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); } 
.video_m {background:#eee;width: 1000px; height: 500px; z-index: 1; margin: 7% auto; overflow: auto; } 
.xx {font-size: 22px;color: #000; cursor: pointer; position: absolute; top: 0; right: 0;width: 30px;text-align: center; height: 30px; line-height: 30px; background: #fff; z-index: 10;} 
.video_con {width: 1000px; height: 500px; overflow: hidden;}
.video_con img{width: 1000px; height: 500px;}


/*产品中心*/
.Index_pro{padding: 50px 0;background-color:#f4f5f8;}
.Index_pro .pro_list{ margin-top:50px;}
.Index_pro .pro_list li{float:left;width: 23%;margin-right:20px;margin-bottom:30px;position:relative;overflow:hidden;}
.Index_pro .pro_list li:nth-child(6n){ margin-right:0;}
.Index_pro .pro_list li a{ display:block;}
.Index_pro .pro_list li img{display:block;width:100%;/* height:216px; */}
.Index_pro .pro_list li h3{color: #666666;height:50px;line-height:50px;text-align:center;}
.Index_pro .pro_list li h3 span{ font-weight:bold; padding-right:5px; font-size:18px;}
.Index_pro .pro_list li h3 i{ float:right; display:block; width:50px; height:50px; background:url(../images/pro_ico.png) no-repeat center; border-left:2px solid #A7A7A7; background-size:20px;}
.Index_pro .pro_list li em{
	opacity: 0.9;
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
	display: inline-block;
	left: -495px;
	position: absolute;
	top: 0px;
	height: 2486px;
	width: 322px;
	z-index: 2;
	background-color: #19244bdb;
	background-image: url(../images/042.png);
	background-repeat: no-repeat;
	background-position: center 100px;
	text-align:center;
	font-size:16px;


	color:#fff;
	line-height:220px;
	}
.Index_pro .pro_list li em a{padding-top: 150px;display: inline-block;position: relative;cursor:pointer;color:#fff;}

.Index_pro .pro_list li:hover h3 span{ color:#0C63BB;}
.Index_pro .pro_list li:hover h3 i{ background:url(../images/pro_ico_hover.png) no-repeat center; background-size:20px;}
.Index_pro .pro_list li:hover em{ opacity:1; left:0; transition:all 0.4s;}

.pro3{position: relative;margin-top:50px;}
.pro3 h3{font-size: 32px;line-height: 58px;padding-left: 50px;color: #333333;height: 58px;display: block;margin-bottom: 27px;text-align: center;}
.pro3 li{float: left; width: 290px;height: 388px;margin-right: 14px;position: relative;border: 1px solid #ced1c5;}
.pro3 li img{ width: 290px;height: 290px;}
.pro3 li span{display: block;font-size: 22px;color: #3b3b3b;line-height:60px ;height:60px ;text-align: center;position: absolute;left: 0;bottom: 0 ;background: rgba(255,255,255,0.75);width: 100%;}
.pro3 li:after{ position: absolute;left: 50%;bottom: 10px;content: "";width: 19px;height: 2px;margin-left: -9.5px;}
.pro3 li .pro_sh{position: absolute;left: 0;bottom: 0;padding: 0 35px;width:220px;height: 280px;background: rgba(255,255,255,0.75);display: none;}
.pro3 li .pro_sh em{display: block;font-size: 18px;font-weight: bold;line-height: 22px;color: #123099;padding-top: 32px;padding-bottom: 14px;}
.pro3 li .pro_sh i{display: block;font-size: 15px;line-height: 24px;color: #333333;}
.pro3 li .pro_sh b{color: #123099;text-align: right;font-weight: normal;display: inline;}
.pro3 li:hover span{display: none;}
.pro3 li:hover .pro_sh{display: block;}
.pro3 .sprev{position: absolute;left:-54px;top:250px;width:28px;height: 54px;background:url(../images/sprev.png) no-repeat;z-index: 10;}
.pro3 .snext{position: absolute;right:-54px;top:250px;width:28px;height: 54px;background:url(../images/snext.png) no-repeat;z-index: 10;}
.pro3 .sprev:hover{background:url(../images/sprevh.png) no-repeat;}
.pro3 .snext:hover{background:url(../images/snexth.png) no-repeat;}

/*服务*/
.Index_fw{/* background:#0C63BB; */padding:145px 0;}
.Index_fw .fw_list{}
.Index_fw .fw_list li{float:left;width: 260px;padding-left:90px;height: 80px;}
.Index_fw .fw_list li:nth-child(1){background:url(../images/fw01.png) no-repeat center left;background-size: 80px;}
.Index_fw .fw_list li:nth-child(2){ background:url(../images/fw02.png) no-repeat center left; background-size:80px;}
.Index_fw .fw_list li:nth-child(3){ background:url(../images/fw03.png) no-repeat center left; background-size:80px;}
.Index_fw .fw_list li:nth-child(4){background:url(../images/fw04.png) no-repeat center left;background-size:80px;/* width:110px; */}
.Index_fw .fw_list li h3{font-size:18px;padding-top: 12px;color:#333333;}
.Index_fw .fw_list li p{font-size: 15px;opacity:0.9;margin-top:6px;color:#666666;}

/*广告*/
.x-ban{height: 450px;background:url(../images/x-ban1.jpg) no-repeat center center;}


.ly{background:url(../images/ly.jpg) no-repeat center 0;height:616px;overflow: hidden;margin-bottom: 79px;padding-top: 1px;}
.ly_l{ float: left;background:url(../images/ly.png) no-repeat; width: 426px; height: 492px; margin-top: 54px;color: #fff;}
.ly_l h3{ padding-top: 121px; line-height: 100%; font-size: 31px; text-align: center; padding-bottom: 9px;}
.ly_l h3 span{ display: block; font-size: 42px; line-height: 100%; padding: 0 0  9px 0;}
.ly_l p{ text-align: center; font-size: 20px; line-height: 28px; padding-top:11px; height: 100px;}
.ly_l p span{ display: block;}
.ly_l h4{ font-size: 16px; color: #fff; font-weight: normal; padding-left: 60px; padding-bottom: 12px;}
.ly_l h4 span{ font-family: Arial; font-size: 24px; font-weight: bold;}
.ly_l em{ display: block; width: 168px; height: 36px; margin: 0 auto;background:url(../images/ly_btn.png) no-repeat; line-height: 36px;}
.ly_l em a{ display: block; color: #fff; font-size: 18px; font-weight: bold; padding-left: 59px;}
.ly_r{ position: relative; width: 767px; margin-top: 102px;}
.ly_r .ly1{ position: absolute; left: 98px; top: 0;}
.ly_r .ly2{ position: absolute; left:296px; top: 0;}
.ly_r .ly3{ position: absolute; left:495px; top: 0;}
.ly_r .ly4{ position: absolute; left:0; top:171px;}
.ly_r .ly5{ position: absolute; left:198px; top: 171px;}
.ly_r .ly6{ position: absolute; left:396px; top: 171px;}

/*合作客户*/
.hz_bg{background:url(../images/hz_bg.gif) repeat-x;height: 180px;overflow: hidden;}
.hz ul li{width: 214px;float: left;margin: 10px 25px 0 0;}
.hz ul li em{width: 214px;height: 120px;line-height: 0;overflow: hidden;-webkit-transition:all .3s;transition:all .3s;box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);display: block;}
.hz ul li img{width: 214px;height: 120px;}
.hz ul li:hover em{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.2);z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);}
.hz ul li span{display: block;width: 214px;height: 50px;line-height: 50px;text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 14px;color: #333;}


/*新闻*/
.zg{height: 585px;}
.zg .new{width: 556px;height: 500px;float: left;margin-top: 60px;}
.zg .cont{width: 634px;float: right;margin-top: 60px;height: 500px;}
.new .tit a,.cont .tit a{display: block;}
.new .tit:hover a,.cont .tit:hover a{background: url(../img/new_more_h.png) no-repeat right;}
.new .tit{width:174px;height:36px;line-height: 30px;}
.new .tit b{font-size: 18px;background:#e83057;color: #fff;line-height: 35px;padding-left:8px;display: block;}
.new .tit span{font-size: 12px;color: #999;}
.new ul{width: 542px;margin-top: 35px;}
.new li{margin-bottom: 30px;}
.new li i{font-size: 16px;color: #666666;}
.new li p{font-size: 12px;color: #333;line-height: 22px;margin: 15px 0;}
.new li a{font-size: 14px;color: #000;text-decoration: underline;}
.new li span{font-size: 20px;color: #999999;margin-top: 15px;display: block;margin-bottom:10px;}
.new li a:hover,.new li i:hover{color: #3b5296;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;}
.new .more{display:block;font-size:14px;width:102px;height:29px;border: 1px #e83057 solid;line-height: 28px;text-align:center;}
.new .more a{color:#e83057}

/*联系*/
.cont .tit{width: 188px;/* background: url(../img/new_more.png) no-repeat right; */line-height: 30px;/* margin-left: 300px; */}
.cont .tit b{font-size: 18px;background:#e83057;color: #fff;line-height: 35px;padding-left:8px;display: block;}
.cont .tit span{font-size: 12px;color: #999;}
.cont dl{margin-top: 30px;}
.cont dl dt{font-size: 18px;color: #123099;font-weight: bold;margin-bottom: 20px;border-bottom: 1px solid #e5e5e5;height:40px;}
.cont dl dd{font-size: 16px;color: #666666;margin-top: 5px;line-height:30px;}
.cont .cont_tel{width: 567px;height: 82px;background: url(../img/cont_tel.png) no-repeat center;margin-top: 80px;}
.cont .cont_tel b{font-size: 22px;color: #ff6600;font-weight: bold;display: block; padding-left: 230px;padding-top: 10px;}
.cont .more{display:block;font-size:14px;width:102px;height:29px;border: 1px #e83057 solid;line-height: 28px;text-align:center;margin-top: 60px;}
.cont .more a{color:#e83057}


/*网站底部*/
.g_ft{height: 280px;padding-top: 53px;background-color:#19244b;}
.g_ft .f_ftcon{height: 115px;width: 1400px;margin: 0 auto;}
.g_ft span{font-size: 15px;line-height: 30px;}
.g_ft li img{float: left;padding-top:10px;}
.g_ft .li1{font-size: 14px;color: #fff;padding-left:86px;float: left;}
.g_ft .li2{font-size: 14px;color: #fff;padding-left:30px;float: left;}
.g_ft .li3{font-size: 14px;color: #fff;padding-left:30px;float: left;}
.g_ft .m_f{padding-bottom:30px;height: 65px;border-bottom: solid 1px #ffffff;}
.g_ft .m_fnav{height: 45px;width:650px;float:left;padding-top:20px;}
.g_ft .m_img{width:350px;float:right;}
.g_ft .m_img img{width:80px;}
.g_ft .m_fnav a{font-size: 15px;color: #fff;padding: 0 14px;;border-right:1px solid #dedede;}
.g_ft .m_fnav a:before{content: "";position: absolute;width: 2px;height: 2px;background: #fff;right: 0;top:8px;}
.g_ft .m_fnav a:last-child:before{background: none;}
.g_ft .copyr{font-size: 15px;color: #a3a9bd;text-align: center;padding-top: 20px;}
.g_ft .copyr a{color: #a3a9bd;}



/*荣誉资质*/
.honner{width: 224px;height: 224px;left: 24px;top:280px;}
.honner h2{height: 42px;line-height: 26px;font-weight: normal;font-size: 18px;color: #fff;background:url(../images/line2.png) no-repeat right 12px;}
.honner h2 a{padding: 0 0 0 19px;background:url(../images/ico07.gif) no-repeat 1px 5px;}
.honner_c li img{width: 224px;height: 168px;display: block;}
.honner_c li span{display: block;text-align: center;line-height: 36px;}


/*关于我们*/
.Index_about{ margin:80px 0;background:url(../images/about_bg.jpg) no-repeat center;}
.Index_about .about{}
.Index_about .ab_left{ width:625px;}
.Index_about .ab_left h3{ font-size:36px; color:#333; font-family:Tahoma, Geneva, sans-serif}
.Index_about .ab_left h4{width:174px;height:36px;font-size:18px;margin:0 0 30px 0;background:#e83057;color: #fff;line-height: 35px;padding-left:8px;}
.Index_about .ab_left .ab_Inf{ font-size:15px; color:#666; line-height:30px; letter-spacing:1px;}
.Index_about .ab_left a{display:block;font-size:14px;width:102px;height:29px;margin:80px 0;color: #e83057;border: 1px #e83057 solid;line-height: 28px;text-align:center}
.Index_about .ab_left h5{ color:#0C63BB; text-transform:uppercase; font-size:40px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold;}
.Index_about .ab_left h6{ font-size:18px; font-weight:bold; color:#123099;margin:45px 0;}
.Index_about .ab_left img{ display:block; width:100%; margin:25px 0;}
.Index_about .ab_left h7{ color:#ccc; text-transform:uppercase;}
.Index_about .ab_right{ width:400px;}

/*企业相册*/
.photo{padding: 0 0 50px;}

.photo_t{padding: 20px 0 10px;width: 900px;margin:0 auto;}
.photo_t li{width: 150px;float: left;height: 45px; background: #f0f0f0;}
.photo_t li a{font-size: 14px;color: #333;display: block; width: 150px; text-align: center; height: 45px; line-height: 45px; overflow: hidden; float: left;} 
.photo_t li:nth-child(2n){ background: #dfdfdf;}

.photo_l{width: 900px;margin:0 auto;padding:20px 0;}
.photo_l ul li{width: 130px;height: 40px;float: left;padding:0 10px;}
.photo_l ul li a{font-size: 16px;color: #333;display: block;width: 128px;text-align: center;height: 38px;line-height: 38px;overflow: hidden;border-radius: 30px;border: #dfdfdf 1px solid;}
.photo_l ul li a:hover{color: #fff;background: #0c86e0;border: #0c86e0 1px solid;}

.photo_r ul li{width: 234px;float: left; padding:20px 7px 0 0;overflow: hidden;-webkit-transition:transform .3s;transition:transform .3s;}
.photo_r ul li img{width: 234px;height: 176px;}
.photo_r ul li:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.photo_qie p{top: 90px;}

/*友情链接*/
.f_link li{display:inline-flex;padding:5px;}

/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}